<template>
    <div>
        <mt-swipe :auto="4000" >
            <mt-swipe-item v-for='item in lunboList' :key='item.id' >
                <img :src="item.img_url" alt="" :class="{full:isfull}">
            </mt-swipe-item>
            <br style="clear:both;"/> 
        </mt-swipe>
    </div>
</template>
<script>
export default {
    props: ["lunboList","isfull"]
}
</script>
<style lang="scss" scoped>
.mint-swipe {
  height: 200px;
  color: #fff;
  font-size: 30px;
  text-align: center;
  .mint-swipe-item{
      color: #fff;
      line-height:200px;
      background-color:#fff;
    //   &:nth-child(1){
    //       background-color: #0089dc;
    //   }
    //   &:nth-child(2){
    //      background-color: #ffd705;
    //   }
    //   &:nth-child(3){
    //       background-color: #ff2d4b;
    //   }
      img{
        //   width:100%;
          height:100%;
      }
  }
}
.full{
    width:100%;
}

</style>
